<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>拍拍网购物车页</title>
		<!--载入首页的css-->
		<link rel="stylesheet" type="text/css" href="./css/cart.css"/>
	</head>
	<body>
		<!--顶部头部开始-->
		<div id="header_top">
			<!--顶部中间框开始-->
			<div class="header_centre">
				<!--头部左侧开始-->
				<div class="header_lift">
					<a href="http://www.jd.com" target="_blank">京东</a><a href="javascript:;">|</a><a href="" target="_blank">易迅</a>
				</div>
				<!--头部左侧结束-->
				<!--头部右侧开始-->
				<div class="header_right">
					<a href="">欢迎妮妮回来</a></a><a href="javascript:;">|</a>
					<a href="">登陆</a></a><a href="javascript:;">|</a>
					<a href="">退出</a></a><a href="javascript:;">|</a>
					<a href="">注册</a></a><a href="javascript:;">|</a>
					<a href="">个人中心</a></a><a href="javascript:;">|</a>
					<a href="">购物车</a>
				</div>
				<!--头部右侧结束-->
			</div>
			<!--顶部中间框结束-->
		</div>
		<!--顶部头部结束-->
		
		
		<!--顶部LOGO区域开始-->
		<div id="header_logo1">
			<!--LOGO左侧开始-->
			<div class="logo_left1">
				<a class="logo_img"><img src="images/logo.png"/></a>
			</div>
			<!--LOGO左侧结束-->
			<!--LOGO右侧搜索框开始-->
			<div class="logo_right1">
				<!--搜索框开始-->
				<div class="right1_fro">
					<!--搜索框上侧-->
					<div class="fro_top">
						<form action="" method="post">
							<input class="fro_keyword" type="text" name="" id="" value="" placeholder="请输入您的关键字"/>
							<button class="fro_btn" type="submit" >搜索</button>
						</form>
					</div>
					<!--搜索框下侧-->
					<div class="fro_bottom">
						<a href="" target="_blank">大嘴猴</a>
						<a href="" target="_blank">大牌香水</a>
						<a href="" target="_blank">“机”情四射</a>
						<a href="" target="_blank">水果9.9</a>
						<a href="" target="_blank">进口尖货</a>
						<a href="" target="_blank">小样世界</a>
					</div>
				</div>
				<!--搜索框结束-->
			</div>
			<!--LOGO右侧搜索框结束-->
		</div>
		<!--顶部LOGO区域结束-->
		
		
		
		<!--购物内容开始-->
		<div id="max_box">
			<!--购物大框开始-->
			<div class="shop_cart">
				<!--当没有物品的时候开始-->
				<!--<div class="shop_cart_hd">
					<h1>购物车</h1>-->
					<!--购物图标-->
					<!--<div class="icon state_1">
						<div class="num">0</div>
					</div>
				</div>-->
				<!--购物内容为空-->
				<!--<div class="shop_cart_bd">
					<div class="shop_cart_empty">
						<p class="tit">您的购物车是空的，赶快行动吧！
				</div>-->
				<!--当没有物品的时候结束-->
				
				<!--当有物品的时候开始-->
			<div class="shop_cart_t">
				<!--查看购物车，确认信息背景图开始-->
				<div class="shop_cart_hd_t">
					<h1>购物车</h1>
					<!--购物图标-->
					<div class="icon state_2">
						<div class="num_t">1</div>
					</div>
				</div>
				<!--查看购物车，确认信息背景图结束-->
				<div class="shop_cart_bd_t">
					<div class="bt_opt bt_opt_top group">
						<div class="opt group">
							<span class="check_all">
								<input type="checkbox" checked="checked" tag="select_all" name="" id="" value="" />
							</span>
							<span class="txt">全选</span>
						</div>
					</div>
					<!--选好的商品开始-->
					<div class="shop_list_wrap">
						<div class="shop_unit">
							<div class="shop_unit_main">
								
								<!--循环商品开始-->
								
								<table border="" cellspacing="" cellpadding="">
									<tr id="shopcarTr" tag="shopcarCommTr">
										<td class="good_check">
										<span>
											<input type="checkbox" tag="select_commd" name="" id="" value="" />
										</span>
										</td>
										<!--图片-->
										<td class="good_pic">
											<a href=""><img src="images/2.jpg"/></a>
										</td>
										<!--内容-->
										<td class="good_tit">
											<h3><a href="">浓情漫宇 2015新品欧美女鞋时尚粗高跟低帮浅口单鞋女  C040</a></h3>
										</td>
										<!--尺码-->
										<td class="good_prop">
											<!--循环ul开始-->
											<ul>
												<li>
													<span class="name size">颜色：</span>
													<span class="value">红色</span>
												</li>
											</ul>
											<!--循环ul结束-->
											<ul>
												<li>
													<span class="name size">鞋码：</span>
													<span class="value">36</span>
												</li>
											</ul>
											<!--数量-->
											<ul>
												<li>
													<span class="name size">数量：</span>
													<span class="num_wrap" tag="num_adjust">
														<i class="opr_minus">-</i>
														<input type="text" id="" value="1" class="num_input" />
														<i class="opr_plus">+</i>
													</span>
												</li>
											</ul>
										</td>
										<!--价钱-->
										<td class="good_price">
											<div class="price_now">
												¥
												<span>336.00</span>
											</div>
										</td>
									</tr>
									<tr class="tr_bot">
										
										<td colspan="5" style="margin-left: 300px;"><span class="gray">商品总计360.00元</span></td>
										
									</tr>
								</table>
								
								<!--循环商品结束-->
								
								
								
								
								
								
								
								
								
							</div>
						</div>
					</div>
					<!--选好的商品结束-->
				</div>
			</div>
				
				
				
				<!--当有物品的时候结束-->
				
			</div>
			<!--购物大框结束-->
			<!--结算-->
			<div id="account_box">
				<div class="check_box">
					<span class="check_all_bottom">
						<input type="checkbox" checked="checked" tag="select_all" name="" id="" value="" />
					</span>
					<span class="txt">全选</span>
				</div>
				
				<div class="check group">
					<span class="sum_txt">商品总计（不含运费）</span>
					<span class="sum_num"> ¥
						<span class="num">366.00</span>
					</span>
					<!--结算-->
					<span class="pay_opt_wrap">
						<a href=""></a>
					</span>
				</div>
			</div>
		
			
			
			
		</div>
		<!--购物内容开结束-->
		
		
		
				<!--底部开始-->
<div id="bottom_m">
	<div class="bottom_z">
		<div class="bottom_l">
		<a href=""></a>
		<p>精品专区网站地图用户协议隐私声明</p>
		<p>Copyright © 1998-2015拍拍公司 paipai.com  </p>
		<p>版权所有 粤ICP备13011462号-2</p>
		<p>广东省通管局 增值电信业务经营许可证B2-20130209</p>
		</div>

		<div class="bottom_r">
			<dl>
				<dt>公司</dt>
				<dd><a href="">关于我们</a></dd>
				<dd><a href="">招聘信息</a></dd>
				<dd><a href="">联系我们</a></dd>
			</dl>
			<dl>
				<dt>消费者</dt>
				<dd><a href="">帮助中心</a></dd>
				<dd><a href="">意见反馈</a></dd>
				<dd><a href="">手机版下载</a></dd>
			</dl>
			<dl>
				<dt>商家</dt>
				<dd><a href="">商家培训</a></dd>
				<dd><a href="">商家招募</a></dd>
				<dd><a href="">免费开店</a></dd>
			</dl>
			<dl style="width:280px;height:28px;">
				<dt style="width:100px">权威认证</dt>
				<dd>
				<a class="pa" href=""></a>
				<a class="pc" href=""></a>
				<a class="kx" href=""></a>
			</dd>
			</dl>
		</div>
	</div>
</div>

<!-- 末尾结束 -->		
		
		
<a class="boxs1" href="#header_top"></a>
		
		
		
		
	</body>
</html>
